$(document).ready(function() { 
 
	var html = "";
	html = html + "<div id='header'>";
	html = html +	"<div id='nav-top'>"; 
	html = html + 		"<div id='nav-top-left'><button class='gray'>Back</button></div>";
	html = html + 		"<div id='nav-top-center'>모바일웹 샘플 어플</td>";
	html = html + 		"<div id='nav-top-right'><button class='gray'>Config</button></div>";
 	html = html + 	"</div>"; 
	html = html + "</div>";
	
	$("body").append("<div id='container'></div>"); 
	$("#container").append(html); 
	$("#container").append("<div id='content'></div>");
	$("#container").append("<div id='footer'></div>");
	$("#container").append("<div id='copyright'></div>");
	
	html = "";  
	html = html + "<div class='datagrid'>";
	html = html + "<div class='title'>테스트리스트</div>";	
	html = html + "<table>";
	html = html + 	"<col style='width: 20%;'/>";
	html = html + 	"<col style='width: 70%;'/>";
	html = html + 	"<col style='width: 10%;'/>"; 
	html = html + 	"<tr>";
	html = html + 		"<td>1 </td>";
	html = html + 		"<td>2010.10.21</td>";
	html = html + 		"<td><button class='none'></td>";
	html = html + 	"</tr>";    
	html = html + 	"<tr>";
	html = html + 		"<td>2 </td>";
	html = html + 		"<td>2010.10.21</td>";
	html = html + 		"<td><button class='none'></td>";
	html = html + 	"</tr>";    
	html = html + 	"<tr>";
	html = html + 		"<td>3 </td>";
	html = html + 		"<td>2010.10.21</td>";
	html = html + 		"<td><button class='none'></td>";
	html = html + 	"</tr>";    
	html = html + 	"<tr>";
	html = html + 		"<td>4 </td>";
	html = html + 		"<td>2010.10.21</td>";
	html = html + 		"<td><button class='none'></td>";
	html = html + 	"</tr>";    
	html = html + "</table>";
	html = html + "</div>";
 
	$("#content").append(html); 
	$("#copyright").append("create by 최현식");  
	$("div.datagrid td:nth-child(3)").css("float", "right");  
 

});  